<template name="skeleton">
  <view class="sk-container">
    <view class="content content data-v-7f2f8333 data-v-7f2f8333">
      <view class="content-top content-top data-v-7f2f8333 data-v-7f2f8333">
        <view class="content-icon content-icon data-v-7f2f8333 data-v-7f2f8333">
          <image
            class="data-v-7f2f8333 sk-image"
            mode="widthFix"
            style="height: 332.533px;"
          ></image>
        </view>
        <view
          class="content-title data-v-7f2f8333 sk-transparent sk-text-27-5862-845 sk-text"
          style="background-position-x: 50%;"
          >礼品兑换券</view
        >
        <view
          class="content-content-item content-content-item data-v-7f2f8333 data-v-7f2f8333"
        >
          <view
            class="content-content-num content-content-num data-v-7f2f8333 data-v-7f2f8333"
          >
            <text
              class="content-content-num-title content-content-num-title data-v-7f2f8333 data-v-7f2f8333"
              ><text
                class="data-v-7f2f8333 sk-transparent sk-text--10-2041-165 sk-text"
                style="background-position-x: 50%;"
                >1</text
              ></text
            >
          </view>
          <view
            class="content-content-dec data-v-7f2f8333 sk-transparent sk-text-27-5862-435 sk-text"
            style="background-position-x: 50%;"
            >在线商城兑换商品</view
          >
        </view>
      </view>
      <view
        class="content-content-titles content-content-titles data-v-7f2f8333 data-v-7f2f8333"
      >
        <view
          class="data-v-7f2f8333 sk-transparent sk-text-12-9630-172 sk-text"
          style="background-position-x: 50%;"
          >您的好友送您一张《理脉堂》代金券</view
        >
        <view
          class="data-v-7f2f8333 sk-transparent sk-text-12-9630-804 sk-text"
          style="background-position-x: 50%;"
          >领取后可使用</view
        >
      </view>
      <view
        class="content-bt data-v-7f2f8333 sk-transparent sk-text-33-0000-529 sk-text"
        style="background-position-x: 50%;"
      >
        领取
      </view>
      <view class="content-ruls content-ruls data-v-7f2f8333 data-v-7f2f8333">
        <view
          class="content-ruls-title content-ruls-title data-v-7f2f8333 data-v-7f2f8333"
        >
          <view
            class="content-ruls-title-hx content-ruls-title-hx data-v-7f2f8333 data-v-7f2f8333"
          ></view>
          <view
            class="content-ruls-name data-v-7f2f8333 sk-transparent sk-text-17-5000-517 sk-text"
            style="background-position-x: 50%;"
          >
            使用规则
          </view>
        </view>
        <view
          class="content-ruls-dec content-ruls-dec data-v-7f2f8333 data-v-7f2f8333"
        >
          <view
            class="content-ruls-item data-v-7f2f8333 sk-transparent sk-text-17-5000-694 sk-text"
          >
            1、领取后将存到您的积分余额账户内，您可以在“理脉堂商城”兑换商品，或到线下“礼享小店”门店选购商品使用；（礼享小店地址可咨询门店工作人员）；
          </view>
          <view
            class="content-ruls-item data-v-7f2f8333 sk-transparent sk-text-17-5000-415 sk-text"
          >
            2、该积分可再次转赠，但不可退款，不可折算现金；
          </view>
          <view
            class="content-ruls-item data-v-7f2f8333 sk-transparent sk-text-17-5000-724 sk-text"
          >
            3、使用有效期为永久可用。
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script></script>

<style scoped lang="scss">
/* 水平间距 */
/* 水平间距 */
.store-htmldet.data-v-7f2f8333 img {
  width: 100% !important;
}
.store-htmldet.data-v-7f2f8333 image {
  width: 100% !important;
}
.store-htmldet.data-v-7f2f8333 video {
  width: 100% !important;
}
.data-v-7f2f8333 .uni-tabbar__label {
  font-weight: bold;
}
.data-v-7f2f8333 ._div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-v-7f2f8333 .u-tabbar__content {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.content.data-v-7f2f8333 {
  width: 750rpx;
  height: auto;
  min-height: 100vh;
  background: #fbf8f3;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  margin: 0 auto;
}
.content .content-top.data-v-7f2f8333 {
  position: relative;
  width: 100%;
}
.content .content-top .content-icon.data-v-7f2f8333 {
  width: 100%;
}
.content .content-top .content-icon image.data-v-7f2f8333 {
  width: 100%;
  height: auto;
}
.content .content-top .content-title.data-v-7f2f8333 {
  position: absolute;
  top: 66rpx;
  width: 100%;
  font-weight: bold;
  font-size: 24rpx;
  color: #c53926;
  line-height: 52rpx;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.content .content-top .content-content-item.data-v-7f2f8333 {
  position: absolute;
  top: 172rpx;
  width: 100%;
}
.content
  .content-top
  .content-content-item
  .content-content-num.data-v-7f2f8333 {
  text-align: center;
  position: relative;
  font-weight: 800;
  font-size: 104rpx;
  color: #e5331b;
  line-height: 86rpx;
  font-style: normal;
  text-transform: none;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.content
  .content-top
  .content-content-item
  .content-content-num
  .content-content-num-title.data-v-7f2f8333 {
  position: relative;
}
.content
  .content-top
  .content-content-item
  .content-content-num
  .content-content-num-title
  .content-content-type.data-v-7f2f8333 {
  position: absolute;
  width: 40rpx;
  height: 40rpx;
  background: #e3311a;
  border: 1rpx solid #fee5cb;
  font-weight: 700;
  font-size: 28rpx;
  color: #feeddb;
  line-height: 40rpx;
  border-radius: 50%;
  text-align: center;
  font-style: normal;
  text-transform: none;
  bottom: 30rpx;
  right: -27rpx;
}
.content
  .content-top
  .content-content-item
  .content-content-dec.data-v-7f2f8333 {
  font-weight: bold;
  font-size: 24rpx;
  color: #c53926;
  line-height: 52rpx;
  text-align: center;
  font-style: normal;
  text-transform: none;
}
.content .content-content-titles.data-v-7f2f8333 {
  font-weight: bold;
  font-size: 36rpx;
  color: #b63434;
  line-height: 48rpx;
  text-align: center;
  font-style: normal;
  text-transform: none;
  text-align: center;
}
.content .content-bt.data-v-7f2f8333 {
  width: 646rpx;
  height: 88rpx;
  background: #b63434;
  border-radius: 324rpx 324rpx 324rpx 324rpx;
  margin: 0 auto;
  text-align: center;
  line-height: 88rpx;
  font-weight: bold;
  font-size: 30rpx;
  color: #fefdfd;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-top: 40rpx;
}
.content .content-ruls.data-v-7f2f8333 {
  width: 646rpx;
  margin: 0 auto;
  padding-top: 66rpx;
}
.content .content-ruls .content-ruls-title-hx.data-v-7f2f8333 {
  width: 100%;
  height: 0rpx;
  border: 1rpx solid #d8d8d8;
}
.content .content-ruls .content-ruls-name.data-v-7f2f8333 {
  width: 150rpx;
  background-color: #fbf8f3;
  font-weight: bold;
  font-size: 24rpx;
  color: #999999;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin: -18rpx auto 0rpx;
  text-align: center;
}
.content .content-ruls .content-ruls-dec.data-v-7f2f8333 {
  margin-top: 34rpx;
}
.content .content-ruls .content-ruls-dec .content-ruls-item.data-v-7f2f8333 {
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
  line-height: 36rpx;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.content {
  width: 750rpx;
  height: auto;
  min-height: 100vh;
  background: #fbf8f3;
  border-radius: 0rpx 0rpx 0rpx 0rpx;
  margin: 0 auto;
  .content-top {
    position: relative;
    width: 100%;
    .content-icon {
      width: 100%;
      image {
        width: 100%;
        height: auto;
      }
    }
    .content-title {
      position: absolute;
      top: 66rpx;
      width: 100%;
      font-weight: bold;
      font-size: 24rpx;
      color: #c53926;
      line-height: 52rpx;
      text-align: center;
      font-style: normal;
      text-transform: none;
    }
    .content-content-item {
      position: absolute;
      top: 172rpx;
      width: 100%;

      .content-content-num {
        text-align: center;
        position: relative;
        font-weight: 800;
        font-size: 104rpx;
        color: #e5331b;
        line-height: 86rpx;
        // text-align: left;
        font-style: normal;
        text-transform: none;
        position: relative;
        margin: 0 auto;
        text-align: center;
        .content-content-num-title {
          position: relative;
          .content-content-type {
            position: absolute;
            width: 40rpx;
            height: 40rpx;
            background: #e3311a;
            border: 1rpx solid #fee5cb;
            font-weight: 700;
            font-size: 28rpx;
            color: #feeddb;
            line-height: 40rpx;
            border-radius: 50%;
            text-align: center;
            font-style: normal;
            text-transform: none;
            bottom: 30rpx;
            right: -27rpx;
          }
        }
      }
      .content-content-dec {
        font-weight: bold;
        font-size: 24rpx;
        color: #c53926;
        line-height: 52rpx;
        text-align: center;
        font-style: normal;
        text-transform: none;
      }
    }
  }
  .content-content-titles {
    font-weight: bold;
    font-size: 36rpx;
    color: #b63434;
    line-height: 48rpx;
    text-align: center;
    font-style: normal;
    text-transform: none;
    text-align: center;
  }
  .content-bt {
    width: 646rpx;
    height: 88rpx;
    background: #b63434;
    border-radius: 324rpx 324rpx 324rpx 324rpx;
    margin: 0 auto;
    text-align: center;
    line-height: 88rpx;
    font-weight: bold;
    font-size: 30rpx;
    color: #fefdfd;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 40rpx;
  }
  .content-ruls {
    width: 646rpx;
    margin: 0 auto;
    padding-top: 66rpx;
    .content-ruls-title-hx {
      width: 100%;
      height: 0rpx;
      border: 1rpx solid #d8d8d8;
    }
    .content-ruls-name {
      width: 150rpx;
      background-color: #fbf8f3;
      font-weight: bold;
      font-size: 24rpx;
      color: #999999;
      line-height: 36rpx;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin: -18rpx auto 0rpx;
      text-align: center;
    }
    .content-ruls-dec {
      margin-top: 34rpx;
      .content-ruls-item {
        font-weight: 400;
        font-size: 24rpx;
        color: #999999;
        line-height: 36rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }
    }
  }
}
</style>
